<template>
	<view style="background-color: #f0f0f0;">
		 <view class="box_3 flex-row">
		      <image
		        class="image_3"
		        referrerpolicy="no-referrer"
		        src="https://lanhu.oss-cn-beijing.aliyuncs.com/pstz2uclzsymcnrcoy3vg1t51pn9v2qud545de634c-33b2-4e2c-ab02-996d4168ebf3" @click="back"
		      />
		      <text class="text_1">模板名称</text>
		    </view>
        
        <!-- <web-view :src="file.fileUrl"></web-view> -->
        <!-- <iframe class='pdf' :src="file.fileUrl" frameborder="0"></iframe> -->
        <iframe class='pdf' src="http://47.96.117.177/testPdf.pdf" frameborder="0"></iframe>
        
        <!-- <image src="../../static/picture.jpg" style="width: 100%;height:1190rpx;"></image> -->
        
			<view class="box_4 flex-col"  v-show="false">
			      <view class="paragraph_1">
					  <text style="margin-left: 80rpx;">合同内容</text>
			        <br />
			        <br />
					<br />
			        注意：系统模板
			        <br />
			        <br />
					<br />
			        的主体信息需要
			        <br />
			        <br />
					<br />
			        用户填写，例如
			        <br />
			        <br />
					<br />
			        甲方姓名地址电
			        <br />
			        <br />
					<br />
			        话设计的金额等
			        <br />
			        <br />
					<br />
			        等是可输入状态
			      </view>
			    </view>
          
          
          
          
          <view class="text-wrapper_1">
            <view class="text_2" @click="nextDetial()">下&nbsp;一&nbsp;步</view>
          </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				file:{},//存储PDF选择文件
			}
		},
    mounted() {
       const value = uni.getStorageSync("file");
       this.file=value
    },
		methods: {
      back(){
        uni.redirectTo({
          url:'../other/other'
        })
      },
			nextDetial(){
        uni.removeStorageSync('signUserList')
				uni.navigateTo({
					url: '../twoDetil/twoDetil',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
			
		}
	}
</script>

<style scoped>
  .pdf{
    width: 100%;
    height: 1190rpx;
  }
.flex-row {
  display: flex;
  flex-direction: row;
}
.box_3 {
  width: 750rpx;
  height: 88rpx;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psjbwqcvy1ahanrd6prm8ngixarcr1vjqjc1e400f4-1bc9-42be-9de2-8d5b2b2d46fe)
    100% no-repeat;
  background-size: 100% 100%;
}

.image_3 {
  width: 20rpx;
  height: 35rpx;
  margin: 35rpx 0 0 31rpx;
}

.text_1 {
  width: 148rpx;
  height: 34rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 36rpx;
  font-family: Adobe Heiti Std R;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
  margin: 37rpx 304rpx 0 247rpx;
}
.box_4 {
  background-color: rgba(242, 242, 242, 1);
  width: 750rpx;
  height: 1190rpx;
  padding-top: 50rpx;
}

.paragraph_1 {
  width: 347rpx;
  height: 454rpx;
  overflow-wrap: break-word;
  color: rgba(204, 204, 204, 1);
  font-size: 48rpx;
  font-family: Adobe Heiti Std R;
  text-align: left;
  line-height: 24rpx;
  margin: 276rpx 0 0 202rpx;
}

.text-wrapper_1 {
  
  position: relative;
  left: 80rpx;
  bottom: 20rpx;
  background-color: rgba(205, 173, 102, 1);
  border-radius: 30px;
  height: 86rpx;
  width: 570rpx;
  /* margin: 358rpx 0 16rpx 89rpx; */
  line-height: 86rpx;
}

.text_2 {
  width: 141rpx;
  height: 33rpx;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 1);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 36rpx;
  font-family: SimHei;
  text-align: center;
  white-space: nowrap;
  margin: 27rpx 0 0 216rpx;
}
</style>
